<template lang="html">
  <div class="strategy">
    <SearchNav  />
    <router-view/>
  	<FootNav />
    <div class="strategy-box1">
      <div class="strategy-box1-title">
        <h2>猜你喜欢</h2>
        <router-link tag="p" to="/cityhot">
            更多>>
        </router-link>
      </div>
      <Banner />

      <StrategyHttp />
    </div>
    <StrategyHot />
    <Scenic />
    </div>
  </div>
</template>

<script>

	import FootNav from '../../components/FootNav.vue'
  import SearchNav from "../../components/SearchNav.vue"
  import Banner from "../../components/Banner.vue"
  import CityHot from "./CityHot.vue"
  import Scenic from "./Scenic/scenic.vue"
  import StrategyHot from "../../components/HotStrategy/hotstrategy.vue"
  import StrategyHttp from "./strategyhttp/strategyhttp.vue"

	export default {
	  name:"Strategy",
	  data(){
	    return{

	    }
	  },
	  components:{
	  	FootNav,
      SearchNav,
      Banner,
      CityHot,
      StrategyHot,
      StrategyHttp,
      Scenic




	  }

	}

</script>

<style lang="css" scoped>
.strategy-box1{
  margin-top: 1.3rem;
  width: 100%;
}
.strategy-box1-title{
  font-size: 14px;
  width: 100%;
  height: 0.4rem;
}
.strategy-box1-title h2,p{
  margin-top: 0.1rem;
  display: inline-block;
}
.strategy-box1-title h2{
margin-left: 10px;
border-left: 2px solid red;
padding-left: 5px;
}
.strategy-box1-title p{
  float: right;
  margin-right: 10px;
}
</style>
